﻿ 

/*=======关于我们=========*/

.left{width:22%;padding-top:20px;padding-bottom:40px;text-align:left;color:#fff; font-size:12px;}
.left h1{width:100%;height:50px;font-weight:bold;letter-spacing:1px;line-height:50px;border-bottom:1px solid #e2e2e2;position:relative;background:#f2f2f2;}
.left h1 img{width:30px;height:30px;position:absolute;top:50%;margin:-15px 5px 0px 5px;}
.left h1 em{font-size:20px;color:#0f1e64;font-weight:600;margin-left:40px;line-height:50px;}
#left_bott{width:100%;height:auto;border-bottom:none;background-color:#fdfdfd;margin-top:20px;border:1px solid #e2e2e2;border-bottom:0px;text-align:left;}
#left_bott li{width:100%;border-bottom:1px solid #e2e2e2;line-height:50px;height:50px;cursor:pointer;position:relative;color:#333;overflow:hidden;box-sizing:border-box;}
#left_bott li:hover a{color:#0f1e64;}
#left_bott li i{float:left;margin-right:5px;margin-left:10%;}
#left_bott li i img{width:20px;height:20px;position:relative;top:4px;}
#left_bott li a{text-align:left;width:90%;height:100%;display:block;color:#333;font-size:1.2em;padding-left:40px;}
#left_bott li a i{float:right;margin-right:2em;color:#333;font-size:16px;font-style:normal;font-family:"宋体";}
#left_bott span li{background:#ececec;}
#left_bott .hover{border-left:2px solid #0f166d;}
#left_bott .hover a{color:#0f166d;}
#left_bott .hover a i{color:#0f166d;}
#left_bott .li_class3 a:hover{color:blue;}

#left_bott select{width:100%;border-bottom:1px solid #c1c1c1;line-height:45px;height:45px;cursor:pointer;}
#left_bott select option{width:100%;border-bottom:1px solid #e2e2e2;line-height:60px;height:60px;cursor:pointer;}

.li_class2:hover{color:blue}
.right{width:73%;padding:20px 2%;font-size:12px;}
.right .right_top_left {color: #454545;font-size: 18px; line-height:68px;}
.right .right_top_left b{font-size: 20px;}
.right .right_top_left span{color: #454545;padding-left: 10px; font-size:18px;}
.right_top_right {color:#666;line-height:60px; }
.right_top_right a{font-size:1em;color: #666;line-height:60px; }
.right .right_top{ border-bottom:1px solid #ececec;margin-bottom:20px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.right .row{ margin-top:20px; border:1px solid #dadada; padding:20px 40px; font-size:1.4em;line-height:200%; }

/* show */
.right .title {
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#FF6600;
	line-height:40px;
	letter-spacing: 2px;
	border-bottom:#C0C0C0 1px dotted;
}
.right .info {margin:0 10px 0 10px;border-top:#C0C0C0 1px dotted;border-bottom:#C0C0C0 1px dotted;line-height:25px;text-align:center;}


.btn{width:100%;position:relative;}
.btn a.link1{width:33.33%;height:90%;position:absolute;left:0;top:0;}
.btn a.link2{width:33.33%;height:90%;position:absolute;left:33.33%;top:0;}
.btn a.link3{width:33.33%;height:90%;position:absolute;right:0;top:0;}


.content_head{width:100%;position:relative;}
.content_head a.link4{width:16.66%;height:90%;position:absolute;left:0;top:0;}
.content_head a.link5{width:16.66%;height:90%;position:absolute;left:16.66%;top:0;}
.content_head a.link6{width:16.66%;height:90%;position:absolute;left:33.32%;top:0;}
.content_head a.link7{width:16.66%;height:90%;position:absolute;left:49.98%;top:0;}
.content_head a.link8{width:16.66%;height:90%;position:absolute;left:66.64%;top:0;}
.content_head a.link9{width:16.66%;height:90%;position:absolute;right:0;top:0;}

.right .row p{font-size:1em;line-height:150%;color:#333;}
.right .row img{max-width:100%;}
.left img{ width:100%;}
#contact{width:100%;height:auto;background-color:#fff;margin:0 0;padding:0 0;}
#contact li{width:50%;color:#333;height:90px;line-height:40px;text-align:center;float:left;padding:0 0;text-indent:0em;box-sizing:border-box;border:1px solid #0f166d;overflow:hidden;}
#contact li em{width:100%;height:40px;line-height:40px;display:inline-block;text-indent:0em;background:#0f166d;color:#fff;}
#contact li span{width:100%;font-weight:600;height:50px;line-height:50px;font-family:"Arial","Microsoft Yahei","Thomas";font-size:1.2em;}
#contact li span i{width:18px;height:18px;display:inline-block;background-image:url(../images/ico.png);background-repeat:no-repeat;float:left;margin-left:10%;margin-top:16px;}
#contact li span .addr{background-position:left center;}
#contact li span .tel{background-position:-24px center;}
#contact li span .qq{background-position:-45px center;}

/*=======zl=========*/
.left .left_boott li .xialan{display:none;color:black}
.left .left_boott li:hover{display:block;color:black}




.mid {
    height: 40px;
    box-shadow: 0 0 10px #ddd;
    overflow: hidden;
}

.mid .prev {
    width: 29px;
    height: 40px;
    float: left;
    background: url(../images/z1.png) no-repeat;
    border-right: 1px solid #ddd;
    cursor: pointer;
}
.mid .bd {
    width: 714px;
    float: left;
}
.mid .next {
    width: 30px;
    height: 40px;
    float: left;
    background: url(../images/z2.png) no-repeat;
    cursor: pointer;
	border-right: 1px solid #ddd;
}
.mid .bd li {
    width: 177.5px;
    float: left;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    border-right: 1px solid #ddd;
    cursor: pointer;
}

/*=======客户案例=========*/


.case_big  ul{ width:100%; margin:0 auto;}
.case_big  ul  li  img{ width:100%;}
.case_big  .case_c  img{ width:5%;}
.case_big ul li{  background:#fff; box-shadow: 1px 2px 3px #cdcdcd; border: 1px solid #f6f6f6; padding:10px 10px 0 10px;  width:29%; float:left; margin:0 1%;overflow:hidden;}
.case_big ul li:nth-child(1){margin-left:0;}
.case_big ul li:nth-child(4){margin-left:0;}
.case_big ul li:nth-child(3){margin-right:0;}
.case_big ul li:nth-child(6){margin-right:0;}
.case_c{ background:#dadada;}
.case_c b{ float:left:}
.case_c img{ float:left:}
.case_big ul a{ color:#333;}
//.case_big ul li:hover{ border:1px solid #333;}


/*=======客户案例_家庭=========*/
.right  p{ font-size: 14px; line-height:28px;}
.left  img{ width:20px;height:20px;}
.right .casecon{width:100%;height:auto;box-sizing:border-box;padding:0 0;border:0px solid #dadada;}
.right .casecon ul{width:100%;height:auto;}
.right .casecon ul li{width:100%;height:auto;margin:1em 0;}
.right .casecon ul li h3{width:100%;height:40px;line-height:40px;margin:0 0;color:#fff;text-indent:2.5em;background:#1f166d url(../images/logomin.png) 10px center no-repeat;font-size:1.2em;font-weight:600;padding:0 0;}
.right .casecon ul li dl{width:100%;border:1px solid #1f166d;padding:1em 1em;overflow:hidden;color:#333;font-size:1.1em;line-height:200%;box-sizing:border-box;}
.right .casecon ul li dl img{border:0;max-width:100%;}


.right .row .message{width:100%;height:auto;}
.right .row .message h5{width:100%;height:40px;line-height:40px;border-bottom:1px dotted #cdcdcd;}
.right .row .message form{width:100%;padding:1em 0;line-height:20px;}
.right .row .message form label{width:100%;line-height:2em;padding-top:0.5em;font-size:0.8em;display:block;color:#111;font-weight:600;}
.right .row .message form label em{color:#ff0000;height:1em;line-height:1em;font-size:1.2em;display:inline-block;position:relative;top:4px;}
.right .row .message form p{width:auto;line-height:30px;height:auto;margin:0 0;}
.right .row .message form p input[type="text"]{width:100%;max-width:200px;line-height:30px;height:30px;border:1px solid #ccc;}
.right .row .message form p input[type="submit"]{width:100%;max-width:120px;line-height:30px;height:30px;background:#0f166d;color:#fff;border:0px;cursor:pointer;margin-top:1em;}
.right .row .message form p input[type="submit"]:hover{background:#1723ae;}
.right .row .message form textarea{width:100%;max-width:400px;line-height:30px;min-height:80px;border:1px solid #ccc;}
.right .row .message form p span{width:100%;display:block;}
.right .row .message form p label{height:2em;line-height:2em;padding:0 0;font-weight:300;}

.right  .case_big{height:auto; margin-top:30px; width:100%;}
.case_big  .case_b{background-color:#fff; width:31%;border: 1px solid #f6f6f6; box-shadow: 1px 2px 3px #cdcdcd;}
.case_big  ul{ padding:15px 15px 0 15px;}
.case_big  ul:nth-child(1){margin:0;}
.case_big  ul:nth-child(3){margin:0;}
.case_b   ul li h4{font-size:14px; text-align:center; line-height:42px; color:#272727;}
.case_b  .li1{width:32%; background:#ececec; padding-left:205px; }
.case_b  .li1 img{ width:22%; float:left; margin-top:14px; }
.case_b  .li1 span{ float:left; margin-left:10px; line-height:42px; font-size:13px; color:#aeaeae; }
.case_big  a:hover{ border: 1px solid #515151;}
.case_bott { margin: 0 auto; text-align: center;margin-top: 5%; width:100%;}
.case_bott ul li{ float:left; display: inline-block;border: 1px solid #dbdbdb; padding: 6px 14px; margin:0 10px;color:#828282;}
.case_bott ul li:hover{ background:#0f166d; color:#fff;}
.case_bott ul a{color:#828282;}
//.case_bott ul a:hover{color:#fff;}
.case_bott ul  { margin: 0 auto; padding-left:25%;}

/*=======资质认证=========*/


.newsbox{ width:100%;color:#333; }
.news_n{ padding-bottom:25px;   border-bottom:1px solid #dadada; background-color: #fcfdfe; }
.newsbox  dl  dt{ width:15%; float:left;  margin-left:20px; margin-left:8%;}
.newsbox  dl  dd{ width:62%; float:left; margin-left:4%;margin-top:30px;}
.newsbox  dl  dd  h1 a{ font-size:16px; color:#272727; line-height:32px;}
.newsbox  dl  dd  p a{ font-size:14px; color:#999999;} 
.newsbox  dl  dd  span { margin-top:20px;}
.newsbox  dl  dd  span a{ color:#333;}
.case_bott { margin: 0 auto; text-align: center;margin-top: 5%; width:100%;}
.case_bott ul li{ float:left; display: inline-block;border: 1px solid #dbdbdb; padding: 6px 14px; margin:0 10px;color:#828282;}
.case_bott ul li:hover{ background:#0f166d; color:#fff;}
.case_bott ul a{color:#828282;}
.case_bott ul  { margin: 0 auto; padding-left:25%;}


/*=======新闻中心=========*/
.newsbox img{ width:100%;}
.newsbox  dl  dd  p { font-size:14px; color:#999999;} 
.newsbox{ width:100%;   }
.news_n { padding-bottom:25px;  margin-top:30px; border-bottom:1px solid #dadada;}
.newsbox  dl  dt{ width:30%; float:left;  margin-left:20px;}
.newsbox  dl  dd  p { font-size:14px; color:#999999;} /
.newsbox  dl  dd{ width:86%; float:left; margin-left:4%;}
.newsbox  dl  dd  h1 { float:left;}
.newsbox  dl  dd  h1 a{ font-size:16px; color:#272727; line-height:28px;}
.newsbox  dl  dd  h1 a:hover{ border-bottom:1px solid #272727;}
.newsbox  dl  dd  span { margin-top:6px;color:#bfbfbf;}

.newsbox{ width:100%;}
.newsbox  dl  dd  p { font-size:14px; color:#999999;} 
.newsbox img{ width:1px;}
.news { border-bottom:1px solid #dadada;}
.newsbox  dl  dt{ width:30%; float:left;  margin-left:20px;}
.newsbox  dl  dt img{width:100%;height:auto;}
.newsbox  dl  dd{ width:62%; float:left; margin-left:4%;margin-top:15px;}
.newsbox  dl  dd  h1 a{ font-size:16px; color:#272727; line-height:32px; font-size:bold;}
.newsbox  dl  dd  p { font-size:14px; color:#999999;} 
.newsbox  dl  dd  span{ margin-top:20px;}
.case_bott{clear:both;width:100%;text-align:center;margin-top:30px;height:auto;line-height:3em;}
.case_bott span:nth-child(1){display:none;}
.case_bott a{padding:0.5em 0.5em;color:#666;border:1px solid #d5d5d5;margin:0 0.5em;cursor:pointer;}
.case_bott span{padding:0.5em 0.5em;color:#666;border:1px solid #d5d5d5;margin:0 0.5em;}
.case_bott .hover{border:1px solid #0f166d;background:#0f166d;color:#fff;}

/*=======主营项目=========*/
.productbox{ width:100%;}
.product_b{ border:1px solid #e5e5e5; width:42%; margin:35px 15px 20px 15px; padding:15px 25px 15px 25px;  outline: 1px solid #e5e5e5;}
.product_b:hover{box-shadow: 1px 2px 3px #cdcdcd; }
.product_s  a img{ width:100%;}
.product_s  .product_sm{ width:40%;}
.product_bot { margin-left:16%; margin-top:15px;}
.product_bot  p{ background:#f4f4f4; color:#333; padding:0 10px; font-size:14px; line-height:32px;margin-bottom:18px;}
.product_bo  { background:#0f166d; border-radius:8px;}
.product_bo  img{float:left; padding-left:18px; padding-top:15px;}
.product_bo  h1{float:left; color:#fff;  line-height:32px; padding:10px 0;  margin-left:28px;font-size:15px;}

/*=======列表模版=========*/
.listbox{width:100%;height:auto; }
.listbox ul{width:100%;height:auto;}
.listbox ul li{width:100%;height:auto;border-bottom:1px solid #ececec;padding-bottom:18px;margin-bottom:18px;}
.listbox ul li dt{width:2%;height:145px;overflow:hidden;float:left;}
.listbox ul li dt img{width:100%;transform: scale(1.0, 1.0);}
.listbox ul li:hover dt img{transform: scale(1.05, 1.05);}
.listbox ul li dd{width:97%;float:right;}
/*新闻中心列表模版每一篇文章前有图片
.listbox ul li dt{width:25%;height:145px;overflow:hidden;float:left;}
.listbox ul li dt img{width:100%;transform: scale(1.0, 1.0);}
.listbox ul li:hover dt img{transform: scale(1.05, 1.05);}
.listbox ul li dd{width:73%;float:right;}*/
.listbox ul li dd h1{width:100%;line-height:1.5em;margin-bottom:1em;font-size:12px;}
.listbox ul li dd h1 a{font-size:1.3em;color:#0f1e64;font-weight:normal;font-weight:300;}
.listbox ul li dd h1 a:hover{text-decoration:underline;}
.listbox ul li dd h1 span{width:70px;height:1.5em;line-height:1.5em;display:inline-block;color:#0f1e64;float:right;text-align:center;}
.listbox ul li dd p{width:100%;font-size:1.2em;color:#555;}
.listbox ul li dd .link{width:56px;height:2em;line-height:2em;display:inline-block;color:#0f1e64;margin-top:1em;float:right;}
.listbox ul li dd .link:hover{text-decoration:underline; color:#0f1e64;}
.listbox ul li dd .link i{width:2em;height:2em;display:inline-block;text-align:center;font-size:1em;line-height:2em;background:#0f166d;float:right;font-style:normal;font-family:"宋体";text-indent:0;}
.listbox .city_x{ width:100%; background:#f2f2f2;padding:1em 1em;margin:1em 0;}
.listbox .city_x li{width:100%;height:40px;line-height:40px;}
.listbox .city_x li i{font-size:1.3em;font-weight:600;line-height:40px;text-indent:1em;position:relative;display:inline-block;width:auto;height:40px;}
.listbox .city_x li i:before{ content:" "; margin-right:1em; background-color:#0f1e64;width:2px;height:14px;display:inline-block;position:absolute;left:0;top:50%;margin-top:-7px;}
.listbox .city_x li a{margin-left:3em;font-size:1.2em;}

.city_00{ width:100%;height:auto;background:#f2f2f2;padding: 1em 1em;margin: 1em 0;}
.city_00 dd b{ font-size:16px;font-weight:600;margin-left:20px;}

.listbox .list-box-search{width:100%;}
.listbox .list-box-search input[type="text"]{width:300px;height:40px;line-height:40px;text-indent:0.8em;margin:0 0;;}
.listbox .list-box-search input[type="submit"]{width:50px;height:42px;line-height:42px;background:#333;color:#fff;border:1px solid #333;cursor:pointer;margin:0 0;margin-left:-4px;}
.listbox .list-box-search input[type="submit"]:hover{background:#0f166d;border:1px solid #0f166d;}
/*=======图片列表模版=========*/
.piclistbox{width:100%;height:auto;}
.piclistbox ul{width:100%;height:auto;}
.piclistbox ul li{width:32%;height:auto;margin:0 1%;float:left;box-sizing:border-box;padding:10px 10px;border:1px solid #ececec;margin-bottom:2em;box-shadow:0px 0px 3px #ececec;}
.piclistbox ul li:hover{ border:1px solid #0f1e64;}
.piclistbox ul li:nth-child(1){margin-left:0;}
.piclistbox ul li:nth-child(3n+1){margin-left:0;}
.piclistbox ul li:nth-child(3n){margin-right:0;}
.piclistbox ul li dt{width:100%;height:180px;overflow:hidden;float:left;}
.piclistbox ul li dt img{width:100%;transform: scale(1.0, 1.0);}
.piclistbox ul li:hover dt img{width:100%;transform: scale(1.05, 1.05);}
.piclistbox ul li dd{width:100%;float:right;}
.piclistbox ul li dd h1{width:100%;line-height:4em;text-align:center;    font-size: 12px;}
.piclistbox ul li dd h1 a{font-size:1.3em;color:#333;font-weight:normal;font-weight:300;}
.piclistbox ul li dd h1 a:hover{color:#0f166d;}
.piclistbox ul li dd h1 span{width:70px;height:1.5em;line-height:1.5em;display:inline-block;background:#0f166d;color:#fff;float:right;text-align:center;}
.piclistbox ul li dd dl{width:100%;height:4em;line-height:2em;font-size:1em;color:#555;overflow:hidden;}
.piclistbox ul li dd .link{width:120px;height:2em;line-height:2em;border:1px solid #0f166d;display:inline-block;color:#555;text-indent:1em;margin-top:1em;}
.piclistbox ul li dd .link:hover{background:#0f166d;color:#fff;}
.piclistbox ul li dd .link i{width:2em;height:2em;display:inline-block;text-align:center;font-size:1em;line-height:2em;background:#0f166d;float:right;font-style:normal;font-family:"宋体";text-indent:0;}

/*=======产品列表模版=========*/
.prolistbox{width:100%;height:auto;}
.prolistbox ul{width:100%;height:auto;}
.prolistbox ul li{width:100%;height:auto;border-bottom:1px solid #ececec;padding-bottom:18px;margin-bottom:18px;}
.prolistbox ul li dt{width:25%;height:200px;overflow:hidden;float:left;}
.prolistbox ul li dt img{width:100%;transform: scale(1.0, 1.0);}
.prolistbox ul li:hover dt img{transform: scale(1.05, 1.05);}
.prolistbox ul li dd{width:73%;float:right;} 
.prolistbox ul li dd h1{width:100%;line-height:1.5em;margin-bottom:1em;font-size:1.5em;color:#0f166d;font-weight:normal;font-weight:600;}
.prolistbox ul li dd h1 span{width:70px;height:1.5em;line-height:1.5em;display:inline-block;background:#0f166d;color:#fff;float:right;text-align:center;}
.prolistbox ul li dd dl{width:100%;height:auto;line-height:2em;color:#444;font-size:1em;padding:0.3em 0;}
.prolistbox ul li dd dl em{font-weight:600;color:#0f166d;font-size:1.2em;}
.prolistbox ul li dd dl p{margin:0 0;}
.prolistbox ul li dd .link{width:120px;height:2em;line-height:2em;border:1px solid #0f166d;display:inline-block;color:#555;text-indent:1em;margin-top:1em;}
.prolistbox ul li dd .link:hover{background:#0f166d;color:#fff;}
.prolistbox ul li dd .link i{width:2em;height:2em;display:inline-block;text-align:center;font-size:1em;line-height:2em;background:#0f166d;float:right;font-style:normal;font-family:"宋体";text-indent:0;}
.fixm{display:none;}
/*=======左右滑动图片模版=========*/
		.testimonial{
		    background-color: #f3f3f3;
		    border-radius: 5px;
		    padding: 30px;
		    margin: 0 15px;
		}
		.testimonial .pic{
		    width: 90px;
		    height: 90px;
		    margin: 0 30px 15px 0;
		    float: left;
		}
		.testimonial .pic img{
		    width: 100%;
		    height: auto;
		    border-radius: 50%;
		}
		.testimonial .testimonial-title{
		    color: #000000;
		    font-size: 16px;
		    margin-top: 5px;
		    font-weight: 800;
		    text-transform: capitalize;
		}
		.testimonial .testimonial-title small{
		    display: block;
		    color: #dc005a;
		    font-size: 14px;
		    font-weight: 800;
		    margin-top: 10px;
		}
		.testimonial .testimonial-review p{
		    color: #888888;
		    font-size: 15px;
		    font-style: italic;
		    line-height: 19px;
		    margin-bottom: 0;
		}
		.owl-theme .owl-controls{
		    margin-top: 20px;
		}
		.owl-theme .owl-controls .owl-page span{
		    width: 10px;
		    height: 10px;
		    background:#fff;
		    opacity: 1;
		}
		.owl-theme .owl-controls .owl-page.active span,
		.owl-theme .owl-controls.clickable .owl-page:hover span{
		    background: #fff;
		    border: 0px solid #cdcdcd;
		}
		.owl-pagination{
		    margin-top: 40px;
		}
		.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
		    background:#0f1e64;
		    border:0px solid #fff;
		}
		@media screen and (max-width: 990px){
		    .testimonial-parallax h2{
		        margin-bottom: 40px;
		    }
		    .testimonial{
		        margin: 0;
		    }
		}
		.mt50{padding-top: 50px;}
		.test{ width: 100%; height: 50px; line-height: 50px;}
		.test a{ padding: 0px 20px;}

